.spinner-container {
    display: flex;
}

.foxui-time-spinner {
    .foxui-spinner-slide {
        // scroll-behavior: smooth;
        height: 160px; // 如果不设置，会有伸缩bug(每行高度 32px，显示 5 行);

        .foxui-spinner-item {
            height: 32px;
            line-height: 32px;
            width: 60px;
            text-align: center;

            &.is-active {
                font-weight: bold;
            }

            &:not(.empty) {
                &:not(.is-active) {
                    transition: $--background-color-transition-base;

                    &:hover {
                        background-color: $--background-color-base;
                    }
                }
            }
        }
    }

    .foxui-spinner-indicator {
        height: 32px;
    }
}

.foxui-time-picker,
.foxui-datetime-picker {
    .foxui-picker-panel {
        padding-bottom: $--padding-extra-small;

        // 修正上下间距过大
        .foxui-picker-body {
            .foxui-picker-content {
                margin: 0 $--padding-medium;
            }
        }

        // 修正底部按钮
        .foxui-picker-bottom {
            display: flex;
            padding-top: $--padding-extra-small;
            border-top: $--border-base;
            justify-items: flex-end;
            text-align: right;
            padding-right: $--padding-medium;
        }
    }
}
